<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.ul1{
				background: blue;
				margin: 0;
				padding: 0 0 0 70px;
			}
			.ul1 li{
				list-style: none;
				display: inline;
				padding: 10px;
				font-size: 15px;
			}.ul1 li a{
				text-decoration: none;
				color: white;
				line-height: 35px;
			}.ul1 li img{
				vertical-align: middle;
			}
			.box1{float:left;
			width: 500px;
			height: 600px
			border:1px solid black;
			}
			.box3{float: left;
			margin: 0 0 0 10px;
			width: 300px;
			height: 600px;
			border: 1 1 1 0px solid red;
			background: #e5f3fc;
			}
			.title{
				font-size: 16px;
				font-family: tahoma, arial, 宋体;
				letter-spacing: 2px;
			}
			.box2 ul li{
				display: inline;
			}.box2>ul{
				background: #e5f3fc;
				margin: 0;
				padding: 0 0 0 10px;
			}
			.box2 .word1{font-size: 12px;padding: 0 230px 0 0;margin: 0;}
			.box2 .word2,a{font-size: 12px;text-align: right;}
			.namestyle,.IDtyle{font-size: 12px;color: grey;}
			tr{margin: 10px;}
		</style>
	</head>
	<body>
		<form method="post" action="#">
			
			<ul class="ul1">
				<li><img src="img/renren_titile.gif" alt="" height="40px" width="100px" /></li>
				<li><a href="#">首页</a></li>
				<li><a href="#">游戏大厅</a></li>
				<li><a href="#">微游戏</a></li>
				<li><a href="#">论坛</a></li>
				<li><a href="#">充值</a></li>
				<li><a href="#">客服</a></li>
				<li><a href="#">咨询</a></li>
				<li><a href="#">热门游戏</a></li>
			</ul>
			<p class="title">通过科技改变人类娱乐方式</p>			
			<div class="box1">
				<table>
					<div class="box2">
						<ul>
							<li><span class="word1"><strong>快速注册人人游戏帐号</strong></span></li>
							<li class="word2"><strong>已经有人账号,</strong><a href="#">点击登录</a></li>
						</ul>						
					</div>
					<tr>
						<td>注册邮箱：</td>
						<td><input type="text" name="email"></td>
					</tr>
					<tr>
						<td>输入密码：</td>
						<td><input type="password" name="passwad"></td>
					</tr>
					<tr>
						<td>确认密码：</td>
						<td><input type="password" name="passwad"></td>
					</tr>
					<tr>
						<td></td>
						<td><p class="wordstyle">根据文化部门《网络游戏暂行活动规定》，<br>网络游戏用户必须使用有效的身份证件来进行实名制注册</p></td>
					</tr>
					<tr>
						<td>真实姓名：</td>
						<td><input type="text" name="name"></td>
					</tr>
					<tr>
						<td></td>
						<td><p class="namestyle">姓名样式:张三</p></td>
					</tr>
					<tr>
						<td>身份证号：</td>
						<td><input type="text" name="ID"></td>
					</tr>
					<tr>
						<td></td>
						<td><p class="IDtyle">身份证号码样式:2356876555889099</p></td>
					</tr>
					<tr>
						<td></td>
						<td><img src="img/verycode.gif" width="40px" height="20px"><a href="#">看不清换一张</a> </td>
					</tr>
					<tr>
						<td>验证码：</td>
						<td><input type="text" name="ID"></td>
					</tr>
					<tr>
						<td></td>
						<td><hr/></td>
					</tr>
					<tr>
						<td></td>
						<td><input type="checkbox" checked id="save">同意遵守人人游戏服务 </td>
					</tr>
					<tr>
						<td><span>立即注册</span></td>
					</tr>
					
				</table>
			</div>
			<div class="box3">
				<h4>无需注册,使用这些账号直接登录</h4>
				<ul>
					<li><img src="img/renren.gif" alt="" width="100px" height="20px"></li>
				</ul>
			</div>
		</form>	
	</body>
</html>
